import React, { useEffect,useState } from 'react'

export default function UseEffectDemo() {
  let [count,setCount] = useState(66) 
  useEffect(()=>{
    console.log('组件呈现的时候会自动执行');
    //未来可以发起网络请求，获取数据库数据
  },[])

  useEffect(()=>{
    console.log('检测到count变化时会执行');
  },[count])
  return (
    <div>
      <h1>演示useEffect副作用函数,{count}</h1>
      <button onClick={()=>{
        count++  //修改数据
        setCount(count) //触发数据响应式更新
      }}>响应式数据+</button>
    </div>
  )
}
